<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="table" name="one">
        <comp-table></comp-table>
      </el-tab-pane>
      <el-tab-pane label="form" name="two">
        <comp-form></comp-form>
      </el-tab-pane>
      <el-tab-pane label="formQuery" name="three">
        <comp-form-query></comp-form-query>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import compTable from './components/table'
import compForm from './components/form'
import compFormQuery from './components/formQuery'
export default {
  name: 'generator',
  components: { compTable, compForm, compFormQuery },
  data() {
    return {
      activeName: 'one'
    }
  },
  methods: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
